<template>
	<view class="menu-container">
		<loading ref="myLoading" id="myLoading"></loading>

		<menu-header :menuCouponNum="menuCouponNum" :expiringNum="expiringNum"></menu-header>

		<view class="menu-content">
			<menu-classify :classifyScrollTop="classifyScrollTop" :classifyList="classifyList" :classifyIdx="classifyIdx"
			 @onClassify="onClassify"></menu-classify>

			<menu-goods @onGoodsScroll="onGoodsScroll" @getViewHeights="getViewHeights" :classifyType="classifyType" :goodsList="goodsList"></menu-goods>
		</view>
		
		<shopping-cart @onTapBtn="goConfirmPage"></shopping-cart>
		
		<!-- 单品选择弹窗 -->
		<single-select></single-select>
		
		
	</view>
</template>

<script>
	import data from './menu.js';
	export default data;
</script>

<style lang="less" scoped>
	@import '~@/common/styles/common.less';
	@import "./menu.less";
</style>
